<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"/>
  <title>HELLO WORLD</title>
  <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=c003f280a7cc8d2276f9bd63fdd9125d"></script>
  <script>
      var map;
      var zoom = 12;
      function onLoad() {
          map = new T.Map('mapDiv');
          map.centerAndZoom(new T.LngLat(116.40769, 39.89945), zoom);
      }
  </script>
</head>
<body onLoad="onLoad()">
<div id="mapDiv" style="position:absolute;width:500px; height:400px"></div>
</body>
</html>